import React from 'react';
import { ReactComponent as LoginLogo } from 'Images/login-logo.svg';
import LoginForm from 'Pages/Login/components/LoginForm';

import { loginTitle } from 'Configs/common';

import type AuthStore from 'Core/AuthStore';

import styles from './index.module.less';

const Login: React.FC<WithStoreProps<AuthStore>> = () => {
    // const { store } = props;

    return (
        <div className={styles.container}>
            <header className={styles.loginHeader}>
                <div className={styles.logo}>
                    <LoginLogo />
                    {loginTitle}
                </div>
                {/* <div className={styles.theme} /> */}
            </header>
            <main className={styles.loginContent}>
                <LoginForm />
            </main>
        </div>
    );
};

export default Login;
